<template>
  <div class="solution-css">
    <Card class="header-no-top">
      <Row class="card-row">
        <Col :span="2" :offset="1"><div>产品名称：</div></Col>
        <Col :span="20"><div>金仓数据库企业版</div></Col>
      </Row>
      <Row class="card-row">
        <Col :span="2" :offset="1"><div>版本号：</div></Col>
        <Col :span="20"><div>V3.2.1</div></Col>
      </Row>
      <Row class="card-row">
        <Col :span="2" :offset="1"><div>产品简介：</div></Col>
        <Col :span="20"
          ><div>
            我是内容我是内容我是内容，我是内容我是内容我是内容我是。内容我是内容我是内，容我是内容我是内容我是内容我。我是内容我是内容我是内容我是内容我是内容，我是内容我是内容我是内容。我是内容我是内容我是内容。我是内容我是内容我是内容，我是内容我是内容我是内容我是。内容我是内容我是内，容我是内容我是内容我是内容我。我是内容我是内容我是内容我是内容我是内容，我是内容我是内容我是内容。我是内容我是内容我是内容。
          </div></Col
        >
      </Row>
      <Row class="card-row">
        <Col :span="2" :offset="1"><div>适用平台：</div></Col>
        <Col :span="20"
          ><div>
            <Tag color="green" class="tag-bm">x86-64</Tag>
            <Tag color="blue" class="tag-bm">windows</Tag>
            <Tag color="red" class="tag-bm">linux</Tag>
            <Tag color="gold" class="tag-bm">uos20</Tag>
          </div></Col
        >
      </Row>
    </Card>
    <Card title="厂商信息">
        <Row class="card-row">
        <Col :span="2" :offset="1"><div>厂商名称：</div></Col>
        <Col :span="20"><div>金仓股份有限公司</div></Col>
      </Row>
      <Row class="card-row">
        <Col :span="2" :offset="1"><div>联系人：</div></Col>
        <Col :span="20"><div>张三</div></Col>
      </Row>
      <Row class="card-row">
        <Col :span="2" :offset="1"><div>联系电话：</div></Col>
        <Col :span="20"><div>15612349857</div></Col>
      </Row>
    </Card>
    <Card title="产品信息">
          <Row class="card-row">
        <Col :span="2" :offset="1"><div>产品介质：</div></Col>
        <Col :span="20" class="list-color"><div>jincang-v3.2.1-x86-64_centOS7-see-202112.rpm</div></Col>
      </Row>
       <Row class="card-row">
        <Col :span="2" :offset="1"><div>产品手册：</div></Col>
        <Col :span="20"><div class="list-color">
            <div class="list-bm">
                数据库安全版开发手册.doc 
            </div>
             <div class="list-bm">
                数据库安全版管理手册.docx
            </div>
             <div class="list-bm">
                数据库安全版部署最佳实践.rar
            </div>
          </div></Col>
      </Row>
    </Card>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.solution-css {
  margin: 10px;
}

.uni-card {
  width: 100%;
  margin-bottom: 10px;
}
::v-deep .header-no-top {
  .uni-card-title {
    min-height: 0;
    padding: 0;
  }
  .uni-card-content {
    padding-top: 10px;
  }
  .tag-bm {
      justify-content: center;
      width: 100px;
      margin-right: 10px;
  }
}
 .card-row {
    margin-bottom: 20px !important;
}
.list-color{
    color: rgba(245, 154, 35, 0.650980392156863);
}
.list-bm {
    margin-bottom: 10px;
}
</style>